@import url('https://fonts.googleapis.com/css?family=Codystar&display=swap');


html, body {
  height: 100%;
  background:#000000;
  overflow: hidden;
  overflow-x: hidden;
}

#stars {
  width: 2px;
  position:absolute;
  top:-40%;
  height: 2px;
  background: transparent;
  box-shadow:193px 1379px #FFF , 1468px 1521px #FFF , 134px 143px #FFF , 1006px 983px #FFF , 710px 598px #FFF , 603px 1460px #FFF , 1516px 1339px #FFF , 694px 116px #FFF , 1947px 1457px #FFF , 363px 317px #FFF , 730px 238px #FFF , 408px 336px #FFF , 197px 233px #FFF , 1876px 11px #FFF , 80px 1705px #FFF , 164px 1780px #FFF , 721px 857px #FFF , 668px 1692px #FFF , 594px 1947px #FFF , 271px 1386px #FFF , 1190px 1036px #FFF , 1591px 1734px #FFF , 1983px 236px 1870px #FFF , 1585px 316px #FFF , 997px 1849px #FFF , 1228px 342px #FFF , 1947px 1972px #FFF , 1672px 1658px #FFF , 1309px 1414px #FFF , 406px 1650px #FFF , 1391px 1191px #FFF , 1390px 1115px #FFF , 742px 567px #FFF , 626px 552px #FFF , 461px 1335px #FFF , 100px 707px #FFF , 430px 1924px #FFF , 1557px 1424px #FFF , 1909px 1594px #FFF , 545px 1108px #FFF , 1035px 1966px #FFF , 1887px 1428px #FFF , 1368px 290px #FFF , 599px 1743px #FFF , 1870px 606px #FFF , 27px 200px #FFF , 1053px 1591px #FFF , 900px 778px #FFF , 756px 1449px #FFF , 1049px 1655px #FFF , 204px 1114px #FFF , 1150px 379px #FFF , 1802px 849px #FFF , 1983px 379px #FFF , 1930px 1527px #FFF , 146px 589px #FFF , 1984px 988px #FFF , 1244px 1747px #FFF , 1321px 581px #FFF , 809px 1159px #FFF , 55px 1557px #FFF , 1224px 510px #FFF , 768px 1384px #FFF , 1944px 1075px #FFF , 541px 218px #FFF , 1701px 1051px #FFF , 1988px 728px #FFF , 196px 1522px #FFF , 1995px 1775px #FFF , 935px 1649px #FFF , 847px 1344px #FFF , 857px 1573px #FFF , 914px 465px #FFF , 553px 560px #FFF , 1220px 1394px #FFF , 725px 1627px #FFF , 956px 1602px #FFF , 338px 442px #FFF , 1648px 1673px #FFF , 1236px 959px #FFF , 752px 862px #FFF , 1033px 874px #FFF , 1806px 874px #FFF , 545px 1423px #FFF , 754px 1287px #FFF , 569px 975px #FFF , 1635px 1635px #FFF , 78px 1637px #FFF , 443px 1802px #FFF , 1978px 994px #FFF , 1742px 1450px #FFF , 1084px 693px #FFF ,940px 1157px #FFF , 1624px 1185px #FFF , 575px 680px #FFF , 275px 1282px #FFF , 99px 276px #FFF , 644px 1979px #FFF , 1341px 1px #FFF , 1868px 338px #FFF , 996px 987px #FFF , 1985px 1558px #FFF , 1138px 885px #FFF , 1515px 1417px #FFF , 639px 1304px #FFF , 840px 1085px #FFF , 681px 1043px #FFF , 1910px 1557px #FFF , 1693px 1127px #FFF , 1064px 939px #FFF , 1654px 138px #FFF , 342px 128px #FFF , 1789px 604px #FFF , 1458px 927px #FFF , 1431px 888px #FFF , 1095px 293px #FFF , 1024px 1643px #FFF , 1069px 1056px #FFF , 248px 1168px #FFF , 1899px 856px #FFF , 1373px 1800px #FFF , 1198px 461px #FFF, 193px 1379px #FFF , 1468px 1521px #FFF , 134px 143px #FFF , 1006px 983px #FFF , 710px 598px #FFF , 603px 1460px #FFF ,1516px 1339px #FFF;
  border-radius: 100% 100% 100%;
  z-index:0;
  animation:;
}








.pulse{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse { animation: pulse 0.9s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; }
 
@-webkit-keyframes pulse1 { 
 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 
 100% { -webkit-transform: scale(0.5); -webkit-filter: brightness(1000%); } }
  


.pulse2{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse2 { animation: pulse 0.9s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}





.pulse3{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-rdadius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse3{ animation: pulse 0.9s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}




.pulse4{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse4{ animation: pulse 0.9s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; }
 
 
  
  
  


.pulse5{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse5{ animation: pulse 0.9s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse6{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse6{ animation: pulse 0.9s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse7{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse7{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse8{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse8{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse9{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse9{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse10{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse10{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse11{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse11{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse12{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse12{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse13{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse13{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse14{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse14{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse15{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse15{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse16{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse16{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse17{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse17{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse18{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse18{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse19{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse19{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse20{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse20{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse21{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse21{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}



.pulse22{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse22 { animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}





.pulse23{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-rdadius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse23{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}



.pulse24{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse24{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse25{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse25{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse26{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse26{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse27{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse27{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse28{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse28{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse29{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse29{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse30{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse30{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse31{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse31{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse32{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse32{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse33{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse33{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse34{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse34{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse35{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse35{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse36{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse36{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse37{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse37{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse38{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse38{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse39{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse39{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse40{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse40{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse41{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse41{ animation: ; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse42{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse42{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}



.pulse43{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse43{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}



.pulse44{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse44 { animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}





.pulse45{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-rdadius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse45{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}



.pulse46{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse46{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse47{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse47{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse48{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse48{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse49{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse49{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse50{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse50{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse51{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse51{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse52{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse52{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse53{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse53{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse54{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse54{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse55{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse55{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse56{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse56{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse57{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse57{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse58{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse58{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse62{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse62{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse59{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse59{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}

.pulse60{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse60{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}


.pulse61{
border:0px solid transparent;
width:20px;
background-color:transparent;
border-radius: 100% 100% 100%;
opacity:100%;
z-index:0%;
}

.pulse61{ animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse1; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -webkit-filter: brightness(200%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(300%); } } @keyframes pulse { 0% { transform: scale(1); filter: brightness(200%); } 100% { transform: scale(1.2); filter: brightness(1000%); }}



#sidebarMenu {
 
    top:0%;
   height:100vh;
    position: absolute;
    right: 0%;
    margin-right:0;
    width: 100%;
    margin-top: 0;
    transform: translateX(100px);
    transition: transform 0ms ease-in-out;
    background: rgba(20, 20, 40, 1);
    opacity:80%;
    z-index:90;
    display:none;
}
.sidebarMenuInner{
  
   height:100%;
    margin:0;
    padding:0;
    position:absolute;
    top:1.5%;
    right:15%;
    color:#fff;
}

.sidebarMenuInner li span{
    font-family: 'Codystar';
    display: block;
    font-size: 46px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {

    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 4%;
    right: 5.5%;
    height: 22px;
    width: 22px;
  
    }

.spinner {
    z-index:100;
    border-radius:5%;
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}
.horizontal {
    height:24%;
    width:26px;
    right:-12%;
    transition: all 0.3s;
    box-sizing: border-box;
    position:absolute;
    float: left;
    margin-top: 0%;
    top:30%;
}

.diagonal.part-1 {
    right:35%;
    height:25px;
    width:20%;
    position:absolute;
    transition: all 0.3s;
    box-sizing: border-box;
    float: right;
    top:-17%;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: right;
    margin-top: 3px;
    display:none;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    top:70%;
    box-sizing: border-box;
    display:none;
    z-index:100%;
    
 
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    height:25px;
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(90deg);
    margin-top: 8px;
    z-index:999;
    opacity:100;
    }



input[type=checkbox]:checked ~ .sidebarIconToggle{
}


input[type=checkbox]:checked ~ #sidebarMenu{
display:block;}



.imgstar{
text-shadow: #ffffff 0.2em 0.2em 0.3em;
width:11px;
height:11px;
}

.imgstar:hove{
width:0px;
height:0px;
}





mark {
  padding: 0 5px;
  background-color: #000000;
}
.btn {
  padding: 10px 15px;
  cursor: pointer;
  font-size:2em;
  color: #fff;
  z-index:999;
}


.btn-group {
  padding: 15px 20px;
  text-align: right;
}

.btn-cancel {
    color:#fff;
    background-color:#000;
 border:none;
  position:absolute;
  top:10%;
  left:5%;
  
}
.btn-cancel:hover {
  background-color:#000;
}

.site-dialog {
background-color:#000;
  height:100%;
   top:0%;
  overflow: hidden;
  width: 100%;
  position:fixed;
  padding: 0;
  border-width: 0;
  border-radius: 5px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  visibility: hidden;
  transform: scale(0.1);
  transition: transform 200ms;
}
.site-dialog.dialog-scale {
  visibility: visible;
  transform: scale(1);
}
.site-dialog p {
  ;
}
.site-dialog .dialog-content {
  top:0%;
  height:100vh;
  color: #000000;
  background-color: #000000;
}
.site-dialog .dialog-content p:last-of-type,
.site-dialog .dialog-content p:only-child {
  margin-top: 0;
  margin-bottom: 0;
}